<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="top_style.css">

<body>
    <div class="top_search">
        <div class="search"><input type="text" placeholder="搜索:目的地/酒店/景点/航班号"></div>
        <div class="user">
        	<a href="#">
        	   <span class="myimg"></span>
        	   <span class="">我 的</span>
            </a>
        </div>
    </div>
    <div class="top">

        <div top_btn_im>
            <div class="lunbo">
                <img src="./images/focus.jpg" alt="广告">
            </div>

            <div class="top_list">
                <ul class="top_ul">
                    <li>
                        <a href="#">
                            <span class="local_nav_icon t1"></span>
                            <span>景点.玩乐</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="local_nav_icon t2"></span>
                            <span>景点.玩乐</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="local_nav_icon t3"></span>
                            <span>景点.玩乐</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="local_nav_icon t4"></span>
                            <span>景点.玩乐</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="local_nav_icon t5"></span>
                            <span>景点.玩乐</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!--酒店部分-->
            <div class="center-hotel">
            	<div class="center-hotel-top">
            		<div class="center-hotel-bigbox">
            			<a href="#">
            				<span class="hotel-font">海外酒店</span>
            				<span class="hoel-img"><img src="images/hotel.png"/></span>
            			</a>
            		</div>
            		<div class="center-hotel-box">
            			<a href="#">海外酒店</a>
            			<a href="#">特价酒店</a>
            		</div>
            		<div class="center-hotel-box right">
            			<a href="#">海外酒店</a>
            			<a href="#">特价酒店</a>
            		</div>
            	</div>
            	<div class="center-hotel-center">
            		<div class="center-hotel-bigbox">
            			<a href="#">
            				<span class="hotel-font">海外酒店</span>
            				<span class="hoel-img"><img src="images/hotel.png"/></span>
            			</a>
            		</div>
            		<div class="center-hotel-box">
            			<a href="#">海外酒店</a>
            			<a href="#">特价酒店</a>
            		</div>
            		<div class="center-hotel-box right">
            			<a href="#">海外酒店</a>
            			<a href="#">特价酒店</a>
            		</div>
            	</div>
            	<div class="center-hotel-bottom">
            		<div class="center-hotel-bigbox">
            			<a href="#">
            				<span class="hotel-font">海外酒店</span>
            				<span class="hoel-img"><img src="images/hotel.png"/></span>
            			</a>
            		</div>
            		<div class="center-hotel-box">
            			<a href="#">海外酒店</a>
            			<a href="#">特价酒店</a>
            		</div>
            		<div class="center-hotel-box right">
            			<a href="#">海外酒店</a>
            			<a href="#">特价酒店</a>
            		</div>
            	</div>
            </div>
            <!--小按钮部分-->
            <div class="btns">
            	<ul>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            		</li>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            		</li>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            		</li>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            		</li>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            		</li>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            		</li>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            		</li>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            		</li>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            		</li>
            		<li>
            			<a href="#">
            			<span class="btn-img"></span>
            			<span>电话费</span>
            		</a>
            	</ul>
            </div>
        </div>
    </div>
</body>

</html>